/* fontsize
-----------------------------------------*/
.fontS { font-size: 81.3%;}
.fontM { font-size: 87.5% !important;}
.fontL { font-size: 100% !important;}

.h1 {font-size: 0.8em; display: inline; font-weight: normal; float: left; margin: 10px 0px 5px 5px; color: #fff;}
#main h2 {clear: both; background: none repeat scroll 0% 0% #666; padding: 2%; margin-bottom: 5px; color: #FFF; font-size: 24px;}
#main h3 {clear:both; padding: 2%; margin: 2% 0; color:#000; border: 1px solid #666; border-width: 1px 0; font-size: 18px;}
#main h4 {clear:both; background:#ffffff; padding: 0 2%; margin: 2%; color:#000; border: 0 solid #666; border-left-width: 3px; font-size: 14px; text-align: left;}

@media screen and (max-width:640px) {
#main h2{font-size:21px;}
#main h3{font-size:15px;}
}
			.spnone {
				display: block;
			}
			.sponly {
				display: none;
			}
			.overimg:hover {
				opacity: 0.5;
			}
			
/* mod_headerbox_size
-----------------------------------------*/
#hd_font {min-height: 30px;}
#hd_font p {
    fint-size: 15px;
    font-weight: bold;
    height: 30px; /* 繝懊ち繝ｳ縺ｮ鬮倥＆縺ｨ蜷後§謨ｰ蟄励ｒ謖�ｮ� */
    line-height: 30px; /* 繝懊ち繝ｳ縺ｮ鬮倥＆縺ｨ蜷後§謨ｰ蟄励ｒ謖�ｮ� */
}
.mod_headerbox_size {
    width: 190px;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
}
 .mod_headerbox_size p {
    float: left;
}
.mod_headerbox_size ul {
    floar: right;
}
.mod_headerbox_size ul li {
  float: left;
  width:auto;
  height: auto;
  margin-left:3px;
  margin-right:2px;
}
.mod_headerbox_size ul li span {
  display: block;
  cursor: pointer;
  width: 30px; /* 繝懊ち繝ｳ讓ｪ蟷� */
  height: 30px; /* 繝懊ち繝ｳ鬮倥＆ */
  line-height: 30px; /* 繝懊ち繝ｳ縺ｮ鬮倥＆縺ｨ蜷後§謨ｰ蟄励ｒ謖�ｮ� */
  text-align: center;
  background: #fff; /* 繝懊ち繝ｳ閭梧勹濶ｲ */
  color: #000; /* 繝懊ち繝ｳ譁�ｭ苓牡 */
  font-size: 15px;
  font-weight: bold;
}
.mod_headerbox_size ul li.active span,
.mod_headerbox_size ul li span:hover {
  background: #000; /* 繝帙ヰ繝ｼ縲√い繧ｯ繝�ぅ繝匁凾繝懊ち繝ｳ閭梧勹濶ｲ */
  color: #fff; /* 繝帙ヰ繝ｼ縲√い繧ｯ繝�ぅ繝匁凾繝懊ち繝ｳ譁�ｭ苓牡 */
}


/* mod_headerbox_size
-----------------------------------------*/
/* menu icon */
#menu-icon {
    display: none; /* hide menu icon initially */
}
 
#nav,
#nav li {
    margin: 0;
    padding: 10px 0px;
}
#nav li {
    text-align:left;
    list-style: none;
    float: left;
    margin-right: 0px;
	width:90%;
}
 
/* nav link */
#nav a {
vertical-align: middle;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 15pt;
    font-weight: bold;
    text-decoration:none;
    /*text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);*/

}
#nav a:hover {
    color: #000;
}
 
/* nav dropdown */
#nav ul {
    background: #fff;
    padding: 2px;
    position: absolute;
    border: solid 1px #ccc;
    display: none; /* hide dropdown */
    width: 200px;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}
#nav li:hover > ul {
    display: block; /* show dropdown on hover */
}

@media screen and (max-width: 1024px) {
 
    /* nav-wrap */
    #nav-wrap {
        position: relative;
    }
 
    /* menu icon */
    #menu-icon {
        color: #000;
        cursor: pointer;
        display: block; /* show menu icon */
    }
     
    /* main nav */
    #nav {
        clear: both;
        position: absolute;
        top: 60px;
        width: 270px;
        z-index: 10000;
        padding: 5px;
        background: #f8f8f8;
        border: solid 1px #999;
        right:0;
        display: none; /* visibility will be toggled with jquery */
    }
    #nav li {
        clear: both;
        float: none;
        margin: 5px 0 5px 10px;
    }
    #nav a,
    #nav ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #666;
        border: none;
    }
    #nav a:hover,
    #nav ul a:hover {
        background: none;
        color: #000;
    }
     
    /* dropdown */
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #nav ul li {
        margin: 3px 0 3px 15px;
    }
 
    .h1 {display: none;}
    
}

hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
    margin: 5px;
}


/* css繝ｪ繧ｻ繝�ヨ */
* {/*font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/ font-family: 貂ｸ譏取悃, YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", HG譏取悃E, "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;}
* {padding:0; margin:0;}
div,ul,li,body {display: block; margin: 0; padding: 0;}
.box {float: left;}
img { border-style:none; max-width:100%; width:auto; height:auto; vertical-align: middle;}
a:link {color:#2355A5; text-decoration:none;}
a:visited{color:#660099; text-decoration:none;} 
a:hover{color:#2355A5; text-decoration: underline; } 

/* Google 繧ｳ繝ｳ繝舌�繧ｸ繝ｧ繝ｳ繧ｿ繧ｰ 繝ｬ繧ｹ繝昴Φ繧ｷ繝� */
iframe[name='google_conversion_frame'] { 
height: 0 !important;
width: 0 !important; 
line-height: 0 !important; 
font-size: 0 !important;
margin-top: -13px;
float: left;
}

/* GoogleMAP 繝ｬ繧ｹ繝昴Φ繧ｷ繝� */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
right:0;
margin:0 auto;
width: 96%;
height: 90%;
}

/* clearfix*/
.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: both;}

/* 繝�く繧ｹ繝医→縺ｰ縺� */
.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* 繧｢繝ｳ繧ｫ繝ｼ繝ｪ繝ｳ繧ｯ */
/*.anchor {padding-top: 34px; margin-top: -34px; pointer-events: none;}
@media screen and (max-width:1024px) { 
.anchor {padding-top: 40px; margin-top: -40px;}
}
@media screen and (max-width:640px) { 
.anchor {padding-top: 53px; margin-top: -53px;}
}
*/

/* 繝槭え繧ｹ繧ｪ繝ｼ繝舌� */
a:hover img {opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}


/* 陦ｨ遉ｺ髱櫁｡ｨ遉ｺ */
.d-1024 {display:block;}
.d-640 {display:block;}
.d-480 {display:block;}
.d-360 {display:block;}
.d1024-768 {display:none;}
.d1024-640 {display:none;}
.d1024-480 {display:none;}
.d1024-360 {display:none;}
.d1024-320 {display:none;}
.d640-480 {display:none;}
.d640-360 {display:none;}
.d640-320 {display:none;}
.d480-320 {display:none;}
.d360-320 {display:none;}

@media screen and (max-width:1024px) {
.d-1024 {display:none;}
.d1024-768 {display:block;}
.d1024-640 {display:block;}
.d1024-480 {display:block;}
.d1024-360 {display:block;}
.d1024-320 {display:block;}
}

@media screen and (max-width:1024px) {  
.d1024-768 {display:none;}
}

@media screen and (max-width:640px) {
.d-640 {display:none;}
.d1024-768 {display:none;}
.d1024-640 {display:none;}
.d640-480 {display:block;}
.d640-360 {display:block;}
.d640-320 {display:block;}
}
  			
@media screen and (max-width: 560px) {
	
			.spnone {
				display: none;
			}
			.sponly {
				display: block;
			}
			}

@media screen and (max-width:480px) {
.d-480 {display:none;}
.d1024-480 {display:none;}
.d640-480 {display:none;}
.d480-320 {display:block;}
}

@media only screen and (max-width: 360px) {
.d-360 {display:none;}
.d1024-360 {display:none;}
.d640-360 {display:none;}
.d360-320 {display:block;}
}